<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>财务管理平台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/global.css">
		<link rel="stylesheet" href="css/comman.css">
		<style type="text/css">
			.mui-bar-tab .mui-tab-item.mui-active{
				color: #4697f0;
			}
			.mui-input-group:before, .mui-table-view:before, .mui-table-view:after, .mui-input-group:after, .mui-input-group, .mui-table-view, .mui-table-view-cell:after{
				background: none;
			}
			.mui-input{
				color: #fff!important;
			}
			.mui-table-view-cell{
				padding: 11px 5px 11px 3px;
			}
			.mui-table-view input{
				font-size: 18px;
			}
		</style>
	</head>

	<body style="background-image: url(img/login/bg.jpg);background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;">
		<div class="loginbox">
			<div align="center" style="margin-top: -15px; padding-bottom:7px;">
				<img src="img/login/loginlogo.png" width="222" height="129"  />			
			</div>
			<form id='login-form' class="mui-input-group" style="width: 85%;margin:15px auto 0;">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media" style=" height: 55px; ">
						<img class="mui-media-object mui-pull-left" src="img/login/user.png" style="padding-bottom: 10px;">
						<div class="mui-media-body border_bottom">
							<input id='username' type="text" class="mui-input-clear mui-input" placeholder="请输入用户名">
						</div>
					</li>
					<li class="mui-table-view-cell mui-media" style="display: block; height: 55px;">
						<img class="mui-media-object mui-pull-left" src="img/login/pass.png" style="padding-bottom: 10px;">
						<div class="mui-media-body border_bottom">
							<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
						</div>
					</li>
				</ul>
			</form>
			<form class="mui-input-group" style="width: 85%;margin: 5px auto;">
				<ul class="mui-table-view mui-table-view-chevron" style="height: 45px;">
					<li class="mui-table-view-cell">
						<span style="color:#fff ;">记住密码</span>
						<div id="remember" class="mui-switch mui-active">
							<div class="mui-switch-handle"></div>
						</div>
					</li>
				</ul>
			</form>
			<div class="mui-content-padded" style="width: 85%;margin: auto;">
				<button id='login' class="mui-btn mui-btn-block" style="background-color: #3c97fc; border-radius: 7px;" onclick="login_click()"><span style="color: white; font-size: 18px;">登录</span></button>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/pan_config.js" ></script>
		<script type="text/javascript" src="js/login.js" ></script>
		<script src="js/update.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>